<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="">
<meta http-equiv="x-dns-prefetch-control" content="on">
<title>旅程详情 - 被邀请者收到画面</title>
<link href="img/css/css.css" rel="stylesheet" type="text/css">
</head>

<body class="whitebg">
<!--wrap start-->
<section id="wrap">
    <section class="detailtitlebar">
          <img src="img/user_pic.png" width="100%" height="100%" class="tripuser"/>
          <ul class="listitem h120">
              <li class="userinfo">
                  <p class="username">永远的永远 创建的</p>
                  <p class="status_green greenline">旅程进行中</p>
              </li>
              <li class="d_triptitle">春日旅行季，上海车友会黄山三...</li>
          </ul>
    </section>
    <section class="subtitle">旅程时间</section>
    <section class="citylist whitebg">
          <ul class="listitem h120 bottomline">
              <li class="infoname">
                  <p class="peoplenumber">开始时间</p>
              </li>
              <li class="infocon">2015/4/30</li>
          </ul>
          <ul class="listitem h120 bottomline">
              <li class="infoname">
                  <p class="peoplenumber">结束时间</p>
              </li>
              <li class="infocon">2015/4/30</li>
          </ul>
    </section>
    <section class="subtitle">目的地</section>
    <section class="lh3 citylist whitebg">
         <ul class="listitem bottomline">
              <li class="itemico mtb"><i class="iconfont">&#xe606;</i></li>
              <li class="itemcon_h mtb"><a href="javascript:void(0);">人民广场(东门)</a></li>
              <li class="itemarrow mtb"><i class="iconfont">&#xe619;</i></li>
         </ul>
    </section>
    <section class="citylist">
         <ul class="listitem h60 mt20">
              <button class="bigbtn button" onClick="this.className='button_d bigbtn'" onmouseout="this.className='bigbtn button'">我要参加</button>
         </ul>
         <ul class="listitem h100 mt20">
              <li class="itemcon_h lh3 mtb"><a href="javascript:void(0);">邀请好友参加</a></li>
              <li class="itemico_wechat mtb"><img src="img/pengyouquan.png" class="mr30 icosize60"/><img src="img/wechat.png" class="icosize60"/></li>
         </ul>
    </section>
    <section class="subtitle">已参加好友 10 人</section>
    <section class="citylist">
         <ul class="listitem mt20">
             <div class="usergroup mr15">
                <div class="picsize"><img src="img/user_pic.png" width="100%" height="100%"/></div>
                <div class="name">James</div>
             </div>
             <div class="usergroup mr15">
                <div class="picsize"><img src="img/user_pic.png" width="100%" height="100%"/></div>
                <div class="name">James</div>
             </div>
             <div class="usergroup mr15">
                <div class="picsize"><img src="img/user_pic.png" width="100%" height="100%"/></div>
                <div class="name">James</div>
             </div>
             <div class="usergroup mr15">
                <div class="picsize"><img src="img/user_pic.png" width="100%" height="100%"/></div>
                <div class="name">James</div>
             </div>
             <div class="usergroup mr15">
                <div class="picsize"><img src="img/user_pic.png" width="100%" height="100%"/></div>
                <div class="name">James</div>
             </div>
         </ul>
         <ul class="listitem mt20">
             <div class="usergroup mr15">
                <div class="picsize"><img src="img/user_pic.png" width="100%" height="100%"/></div>
                <div class="name">James</div>
             </div>
             <div class="usergroup mr15">
                <div class="picsize"><img src="img/user_pic.png" width="100%" height="100%"/></div>
                <div class="name">James</div>
             </div>
             <div class="usergroup mr15">
                <div class="picsize"><img src="img/user_pic.png" width="100%" height="100%"/></div>
                <div class="name">James</div>
             </div>
             <div class="usergroup mr15">
                <div class="picsize"><img src="img/user_pic.png" width="100%" height="100%"/></div>
                <div class="name">James</div>
             </div>
             <div class="usergroup mr15">
                <div class="picsize"><img src="img/user_pic.png" width="100%" height="100%"/></div>
                <div class="name">James</div>
             </div>
         </ul>
    </section>
    <section class="bottombtnarea">
         <ul class="listitem h60">
              <button class="button_g button bigbtn"><i class="iconfont mr10 btnico">&#xe605;</i>开始旅程</button>
         </ul>
    </section>
</section>
<!--wrap end-->
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/common.js"></script>
<script src="js/input.js"></script>
</body>
</html>